<template>
  <div class="hotspot">
    <div>
      <menunav :nowactived=1></menunav>
    </div>

    <div class="container">
      <div class="container-news">
        <newslist></newslist>
        <qnews></qnews>
      </div>
      <div class="box"></div>
      <div class="last-containaer">
        <qyg></qyg>
        <yg></yg>
      </div>
    </div>
  </div>
</template>
<script>
import menu from "./Nav/index";
import newslist from "./Hotspotnews";
// import quicknews from "./Hotspotqnews";
import quicknews from "./Hotspotqnews/index";
import yugao from "./Hotspotyg";
import quickyugao from "./Hotspotqyg";
export default {
  data: () => ({}),
  methods: {},
  components: {
    menunav: menu,
    newslist: newslist,
    qnews: quicknews,
    yg: yugao,
    qyg: quickyugao,
  },
};
</script>
<style lang="less" scoped>
.container {
  padding: 0;
  width: 1200px;
  height: 1010px;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  .container-news {
    width: 1200px;
    height: 484px;
    margin-top: 40px;
    background-color: #fff;
  }
  .box {
    width: 100%;
    height: 0px;
    border: 1px solid #ffffff;
  }
  .last-containaer {
    width: 1200px;
    height: 486px;
    margin-top: 40px;
  }
}
</style>